<template>
    <n-flex vertical>
        <div>下行速度 {{ downlink }}Mbps</div>
        <div>网络类型: {{ effectiveType }}</div>
        <div>往返时间:{{ rtt }}ms</div>
        <div>节省数据模式:{{ saveData }}</div>
    </n-flex>
</template>

<script setup>

defineProps({
    downlink: Number,
    effectiveType: String,
    rtt: Number,
    saveData: Boolean
})

// attribution: {},
//     metricName: 'networkInformation',
//     data: { downlink: 2.25, effectiveType: '4g', rtt: 250, saveData: false },
//     navigatorInformation: {
//         deviceMemory: 8,
//         hardwareConcurrency: 8,
//         serviceWorkerStatus: 'supported',
//         isLowEndDevice: false,
//         isLowEndExperience: false
//     },
//     rating: null,
//     title: '网络信息'
</script>
